<template>
  <box2 title="生产量">
    <div class="__content" id="productionFirst"></div>
    <!-- <div class="content" id="productionSecond"></div> -->
  </box2>
</template>

<script setup lang="ts">
import box2 from '../../../compNew/box2.vue';
import { defineProps } from 'vue'
import useBar from '../useBar';
import useData from '../useData';


const props = defineProps<{
  isComp: boolean
}>();

const { production, rate } = useData('production', props.isComp);

useBar({
  id: 'productionFirst',
  data: production,
  key: 'month',
  rate: rate
});
</script>

<style lang="scss" scoped>
.__content {
  height: 100%;
}
</style>
